<template>
  <header class="bar bar-nav" >
    <a class="button button-link button-nav pull-left" v-link="{path: '/home', replace: false}">
    <span class="icon icon-left"></span>
    </a>
    <h1 class="title">编辑资料</h1>
  </header>
<div class="content">
  <div class="list-block">
    <ul>
      <!-- Text inputs -->
      <li>
        <div class="item-content">
          <div class="item-media"><i class="icon icon-form-name"></i></div>
          <div class="item-inner">
            <div class="item-title label">姓名</div>
            <div class="item-input">
              <input type="text" placeholder="Your name">
            </div>
          </div>
        </div>
      </li>
      <li>
        <div class="item-content">
          <div class="item-media"><i class="icon icon-form-email"></i></div>
          <div class="item-inner">
            <div class="item-title label">邮箱</div>
            <div class="item-input">
              <input type="email" placeholder="E-mail">
            </div>
          </div>
        </div>
      </li>
      <li>
        <div class="item-content">
          <div class="item-media"><i class="icon icon-form-email"></i></div>
          <div class="item-inner">
            <div class="item-title label">电话</div>
            <div class="item-input">
              <input type="email" placeholder="Your phone">
            </div>
          </div>
        </div
      </li>
      <li>
        <div class="item-content">
          <div class="item-media"><i class="icon icon-form-gender"></i></div>
          <div class="item-inner">
            <div class="item-title label">年级</div>
            <div class="item-input">
              <select>
                <option>大一</option>
                <option>大二</option>
		<option>大三</option>
		<option>大四</option>
              </select>
            </div>
          </div>
        </div>
      </li>
      <!-- Date -->
         <li>
        <div class="item-content">
          <div class="item-media"><i class="icon icon-form-email"></i></div>
          <div class="item-inner">
            <div class="item-title label">学校</div>
            <div class="item-input">
              <input type="email" placeholder="Your school">
            </div>
          </div>
        </div
      </li>
      <!-- Switch (Checkbox) -->
         <li>
        <div class="item-content">
          <div class="item-media"><i class="icon icon-form-email"></i></div>
          <div class="item-inner">
            <div class="item-title label">专业</div>
            <div class="item-input">
              <input type="email" placeholder="major">
            </div>
          </div>
        </div
      </li>
         <li>
        <div class="item-content">
          <div class="item-media"><i class="icon icon-form-email"></i></div>
          <div class="item-inner">
            <div class="item-title label">所在地</div>
            <div class="item-input">
              <input type="email" placeholder="address">
            </div>
          </div>
        </div
      </li>
    </ul>
  </div>
  <div class="content-block">
    <div class="row">
      <div class="col-50"><a href="#" class="button button-big  button-danger"  style="background:#f6383a;color:white;border:none;">取消</a></div>
      <div class="col-50"><a href="#" class="button button-big  button-success" style="background:#4cd964;color:white;border:none;">提交</a></div>
    </div>
</div>

</template>
<script>
 export default {
 }
</script>

